import React, { Component } from 'react';
// 1. 引入项目的三个核心库
// BrowserRouter 路由的根节点
// Route 主要时配置路由和组件之间的关系
// Link 组件，vue 中的 router-link 是类似的
import {BrowserRouter as Router,Route,Link} from "react-router-dom"
// 5. 定义一个Home 组件
const Home = ()=>{
  return <h1>Home 组件</h1>
}
class App extends Component {
  render() {
    {/* 2. 将Router 作为根节点*/}
    return (
        <Router>
          {/*3. 添加一个 Link 标签*/}
          <Link to="/Home">首页</Link>
          {/*4. 添加一个条路由规则 /Home => <Home></Home>*/}
          <Route path="/Home" component={Home}></Route>
        </Router>
    );
  }
}

export default App;
